import React from 'react'
import { Color } from '../model/color'

interface Props{
  color:Color;
}

const ColorBroswer:React.FC<Props> = (props) => {
  // @types/react
  const divStyle:React.CSSProperties={
     width: "11rem",
     height: "7rem",
     backgroundColor:`rgb(${props.color.red},${props.color.green},${props.color.blue})`
  }
  return (
    <div style={divStyle}>
      
    </div>
  )
}

export default ColorBroswer
